<!--<div echarts [options]="options" [loading]="isLoading" [merge]="mergeOptions" class="demo-chart"></div>-->
<div class="inner-content-root">
  <div class="title-root">
    <div class="container-v" style="margin-bottom: 24px">
      <div class="weather-root">
        <div class="weather-temp">{{weatherTemp}}°</div>
        <div class="weather">{{weather}}</div>
        <div class="weather">{{weatherWind}}</div>
      </div>
      <div class="container-h">
        <div class="content-title">{{todayStr}}</div>
        <div class="content-title">{{weekStr}}</div>
        <div class="content-title">{{dateType}}</div>
        <div class="content-title">{{openDays}}</div>
      </div>
    </div>
    <div class="container-h">
      <div class="container-v" style="margin-right: 100px;">
        <div class="content-title">累计入园客流总量</div>
        <div class="content-text">{{checkinTotalAmount}}</div>
      </div>
      <div class="container-v">
        <div class="content-title">公众号粉丝数</div>
        <div class="content-text">{{fansTotalAmount}}
          <div *ngIf="fansAddAmount" class="content-text-poor" style="color: white">{{fansAddAmount}}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="chat-root">

    <div class="chat-title">入园客流量</div>

    <div class="line-h"></div>

    <div class="checkin-root">
      <div class="checkin-item-root">
        <div class="checkin-item">
          <div class="content-title">当日客流总量</div>
          <div class="content-text">{{dayAmount}}</div>
        </div>
        <div class="checkin-sub-item">
          <div class="checkin-item">
            <div class="content-title">当日基本目标</div>
            <div class="content-text">{{dayBasicKpiPercent}}</div>
          </div>
          <div class="checkin-item">
            <div class="content-title">当日挑战目标</div>
            <div class="content-text">{{dayChallengeKpiPercent}}
              <div *ngIf="dayChallengeKpiDiffAmount" class="content-text-poor">{{dayChallengeKpiDiffAmount}}</div>
            </div>
          </div>
        </div>
      </div>

      <div class="checkin-item-root">
        <div class="checkin-item">
          <div class="content-title">当月客流总量</div>
          <div class="content-text">{{monthAmount}}</div>
        </div>
        <div class="checkin-sub-item">
          <div class="checkin-item">
            <div class="content-title">当月基本目标</div>
            <div class="content-text">{{monthBasicKpiPercent}}</div>
          </div>
          <div class="checkin-item">
            <div class="content-title">当月挑战目标</div>
            <div class="content-text">{{monthChallengeKpiPercent}}
              <div *ngIf="monthChallengeKpiDiffAmount" class="content-text-poor">{{monthChallengeKpiDiffAmount}}</div>
            </div>
          </div>
        </div>
      </div>

      <div class="checkin-item-root">
        <div class="checkin-item">
          <div class="content-title">当年客流总量</div>
          <div class="content-text">{{yearAmount}}</div>
        </div>
        <div class="checkin-sub-item">
          <div class="checkin-item">
            <div class="content-title">当年基本目标</div>
            <div class="content-text">{{yearBasicKpiPercent}}</div>
          </div>
          <div class="checkin-item">
            <div class="content-title">当年挑战目标</div>
            <div class="content-text">{{yearChallengeKpiPercent}}
              <div *ngIf="yearChallengeKpiDiffAmount" class="content-text-poor">{{yearChallengeKpiDiffAmount}}</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="width: 100%;padding-right: 24px;padding-left: 24px;">
      <div class="line-h"></div>
    </div>

    <div class="chat-name">分时段流量趋势及预测图</div>

    <div echarts [options]="checkinLineOptions" [loading]="checkinChartHttpConfig.showLoading"
         [merge]="checkinLineMergeOptions"></div>

  </div>

</div>
